<script setup>
import { ref, watchEffect } from 'vue';

let title = ref('this is title')

// 它会自己跟踪它用到的响应式数据，并在其改变后再执行方法
watchEffect(() => {
    console.log(title.value);
})

setTimeout(() => {
    title.value = '我被修改了';
}, 2000);
</script>

<template>
    <h2>{{ title }}</h2>
</template>